{% extends "base/front_base.html" %}

{% block title %}
    搜索
{% endblock %}

{% block head %}
    <link rel="stylesheet" href="{% static 'css/search/search_index.min.css'%}">

{% endblock %}


{% block main %}
    <div class="main">
        <!--内嵌盒子-->
        <div class="wrapper">
            <!--新闻模块主题-->
            <div class="main-content-wrapper">
                <div class="search-group">
                    <form action="" method="get">
                        <input type="text" class="search-input" placeholder="请输入搜索关键字">
                        <input type="submit" class="search-btn" value="搜索">
                    </form>
                </div>
                <!-- 新闻热门推荐 -->
                <div class="recommend-group">
                    <p class="recommand-title">热门推荐</p>
                    <ul class="recommand-list">
                        <li>
                            <div class="thumbnail-group">
                                <a href="#"><img src="https://static-image.xfz.cn/1569755277_735.jpg-website.news.list" alt=""></a>
                            </div>
                            <div class="news-group">
                                <p class="title">
                                    <a href="#">早报：知乎直播预计10月11日正式上线；微软回应“微软高管于伟”事件；蔚来回应“网友抽中汽车多月未兑
</a>
                                </p>
                                <p class="desc">
                                    SWIFT宣布将提供全球跨境瞬时支付服务

                                </p>
                                <p class="more">
                                    <span class="category">
                                        深度报道
                                    </span>
                                    <span class="author">
                                        Pyma
                                    </span>
                                    <span class="pub-time">
                                        一小时前
                                    </span>


                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="thumbnail-group">
                                <a href="#"><img src="https://static-image.xfz.cn/1569755277_735.jpg-website.news.list" alt=""></a>
                            </div>
                            <div class="news-group">
                                <p class="title">
                                    <a href="#">早报：知乎直播预计10月11日正式上线；微软回应“微软高管于伟”事件；蔚来回应“网友抽中汽车多月未兑
</a>
                                </p>
                                <p class="desc">
                                    SWIFT宣布将提供全球跨境瞬时支付服务

                                </p>
                                <p class="more">
                                    <span class="category">
                                        深度报道
                                    </span>
                                    <span class="author">
                                        Pyma
                                    </span>
                                    <span class="pub-time">
                                        一小时前
                                    </span>


                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="thumbnail-group">
                                <a href="#"><img src="https://static-image.xfz.cn/1569755277_735.jpg-website.news.list" alt=""></a>
                            </div>
                            <div class="news-group">
                                <p class="title">
                                    <a href="#">早报：知乎直播预计10月11日正式上线；微软回应“微软高管于伟”事件；蔚来回应“网友抽中汽车多月未兑
</a>
                                </p>
                                <p class="desc">
                                    SWIFT宣布将提供全球跨境瞬时支付服务

                                </p>
                                <p class="more">
                                    <span class="category">
                                        深度报道
                                    </span>
                                    <span class="author">
                                        Pyma
                                    </span>
                                    <span class="pub-time">
                                        一小时前
                                    </span>


                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
              <!-- 侧边栏盒子-->
            {% include "common/sidebar.html" %}

        </div>

    </div>
{% endblock %}